﻿@import "../_theme";

#loginPanel {
    padding: 10px;
    background-color: rgba(115, 115, 115, 0.5);
    color:white;
    width:260px;
    & a {
        font-size: 1.3rem;
        margin-left: 1rem;
        margin-top: 5px;
    }

    & small {
        color: $ClrImportant;
    }
}

#loginForm{
    position:relative;

    & input{
        width:100%;
        height:3rem;
        line-height:2.6rem;
        background-image:url("/UI/imgs/components/inputIcons.png");
        background-repeat: no-repeat;
        background-size: 2.5rem;
        padding-left: 2.6rem;
    }

    &>.InputGroup{
        width:100%;
        margin-bottom:5px;
    }
}

#lnkPanel{
    text-align:right;
    &>a{
        color:$ClrFocus;
        &:hover{
            color:$ClrTheme;
        }
    }
}

#loginKey {
    background-position-y: 0.2rem;
}
#loginPwd{
    background-size: 2.3rem !important;
    background-position-y: -2.7rem;
}

#loginTitle{
    float:left;
}

#wxLoginTitle{
    float:right;
    width:40%;
    text-align:center;
}

#loginQR {
    position: absolute;
    top: 3px;
    right: 0;
    width: 40%;
    height: 97%;
    background-image: url("/UI/imgs/wx-icon.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    background-origin: content-box;
    transition: background-image linear .5s;
}